<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/navbar.css">
		<title>组件|导航</title>
	</head>

	<body>
		<div class="navbar-wrap">
			<div class="container">
				<nav class="navbar">
					<div class="navbar-brand">
						<a class="logo" href="#"><img src="img/logo.png" /></a>
					</div>
					<!--移动端导航-->
					<div class="nav-mobile">
						<button class="navbar-toggle">
				      			<span class="icon-bar"></span>
				      			<span class="icon-bar"></span>
				      			<span class="icon-bar"></span>  			
				      		</button>

						<ul class="nav navbar-nav">
							<li class="active">
								<a href="index.html">首页</a>
							</li>
							<li>
								<a href="partner-page.html">推荐</a>
							</li>
							<li>
								<a href="job-page.html">职业</a>
							</li>
							<li>
								<a href="#">关于</a>
							</li>

						</ul>
					</div>
					<!--PC端导航-->
					<div class="nav-PC">
						<ul class="nav navbar-nav">
							<li class="active">
								<a href="index.html">首页</a>
							</li>
							<li>
								<a href="partner-page.html">推荐</a>
							</li>
							<li>
								<a href="job-page.html">职业</a>
							</li>
							<li>
								<a href="#">关于</a>
							</li>

						</ul>
					</div>
				</nav>
			</div>
		</div>

	</body>

</html>